<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script>
        var id = 1;
        let name = "zs";
        const age = 20;

        // 之前，定义对象的方式
        // let obj = {
        //     id: id,
        //     name: name,
        //     age: age,
        // };
        // console.log(obj); // {id: 1, name: "zs", age: 20}

        // ES6，定义对象的方式
        let obj = {
            id, // 属性id和前面的变量id名字相同，可以省略 :id
            name,
            age,
            sex: "女",
            fn1: function() {
                console.log(this.age);
            },
            // 可以省略 :function
            fn2() {
                console.log(this.name);
            },
        };
        console.log(obj); // {id: 1, name: "zs", age: 20, sex: "女", fn1: ƒ, …}
        obj.fn1(); // 20
        obj.fn2(); // zs
    </script>
</body>

</html>